// Wait until the DOM has loaded before querying the document

			$(document).ready(function(){

				$('ul.tabs').each(function(){

					// For each set of tabs, we want to keep track of

					// which tab is active and it's associated content

					var $active, $content, $links = $(this).find('a');



					// Use the first link as the initial active tab

					$active = $links.first().addClass('active');

					$content = $($active.attr('href'));



					// Hide the remaining content

					$links.not(':first').each(function () {

						$($(this).attr('href')).hide();

					});



					// Bind the click event handler

					$(this).on('click', 'a', function(e){

						// Make the old tab inactive.

						$active.removeClass('active');

						$content.hide();



						// Update the variables with the new link and content

						$active = $(this);

						$content = $($(this).attr('href'));



						// Make the tab active.

						$active.addClass('active');

						$content.show();



						// Prevent the anchor's default click action

						e.preventDefault();

					});

				});

			});
